/* Lock */
.lock div {
  width:30px;
  height:25px;
  background-color:white;
  top:30px;
  left:20px;
}

.lock span {
  display:block;
  width:18px;
  height:15px;
  border:4px solid white;
  border-bottom:none;
  -webkit-border-radius:18px 18px 0px 0px;
  -moz-border-radius:18px 18px 0px 0px;
  border-radius:18px 18px 0px 0px;
  bottom:100%;
  left:2px;
}

.lock div:before {
  content:"";
  width:8px;
  height:8px;
  background-color:black;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  top:6px;
  left:11px;
}

.lock div:after {
  content:"";
  width:2px;
  height:0px;
  border:10px solid transparent;
  border-width:0px 2px 7px 2px;
  border-bottom-color:black;
  top:12px;
  left:12px;
}

.unlock span:before {
  content:"";
  width:4px;
  height:4px;
  background-color:black;
  bottom:0px;
  left:-4px;
}